<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
	<link href="css/mui.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="css/index.css">
	<script type="text/javascript" charset="utf-8">mui.init();</script>
	<style>
		html{
			font-size: 50px;
		}
	</style>
	<script>
	(function(doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function() {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
            /*docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';*/
        };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);</script>
</head>
<body>
	<!-- <div class="mui-content"></div> -->
			<div class="mui-slider">

					<div class="mui-slider-group mui-slider-loop">
							<div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="img/4.jpg" /></a></div>
					  <div class="mui-slider-item"><a href="#"><img src="img/1.jpg" /></a></div>
					  <div class="mui-slider-item"><a href="#"><img src="img/2.jpg" /></a></div>
					  <div class="mui-slider-item"><a href="#"><img src="img/3.jpg" /></a></div>
					  <div class="mui-slider-item"><a href="#"><img src="img/4.jpg" /></a></div>
					  <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="img/1.jpg" /></a></div>
					</div>
				  </div>
	<!-- </div> -->
</body>
</html>